const button = {
    template: `
    <button 
    :class="getButtonStyle"
    @click="clickEmit">
        {{value}}
    </button>
    `,
    props: {
        value: {
            type: String,
            default: "?"
        },
        specialClass:{
            type:String,
            default:""
        }
    },
    computed: {
        getButtonStyle(){
            return 'cal-button '+this.specialClass;
        }
    },
    methods: {
        clickEmit(){
            this.$emit("userclick",this.value)
        }
    },
};

// const button = {
//     name:"cal-button",
//     functional:true,
//     props:{
//         value:{
//             type:String,
//             default:"?"
//         },
//         specialClass:{
//             type:String,
//             default:""
//         }
//     }
// }
export default button;